import {
    Button,
    ConfigProvider,
    Layout,
    Menu,
    Badge,
    Drawer,
    Switch,
    Spin,
    Modal,
    Radio,
    Checkbox,
    Tree,
    TreeSelect,
    Avatar,
    Tabs,
    Tooltip,
    Dropdown,
    Popover,
    Popconfirm,
    Input,
    InputNumber,
    List,
    Form,
    Select,
    Skeleton,
    Col,
    Row,
    Empty,
    Divider,
    Calendar,
    Upload,
    Progress,
    DatePicker,
    TimePicker,
    Tag,
    message,
    notification,
    Collapse,
    Breadcrumb,
    Table,
    Steps,
    Image,
    Transfer,
    Slider,
    Card,
    Result,
    PageHeader,
    Descriptions,
    Timeline,
    Pagination,
    Cascader,
    Rate,
    Alert
} from 'ant-design-vue';
// import "ant-design-vue/dist/antd.css";
// ui组件
const components = [
    Button,
    ConfigProvider,
    Layout,
    Menu,
    Badge,
    Drawer,
    Switch,
    Spin,
    Modal,
    Radio,
    Checkbox,
    Input,
    InputNumber,
    Tree,
    TreeSelect,
    Avatar,
    Tabs,
    Tooltip,
    Dropdown,
    Popover,
    Popconfirm,
    List,
    Form,
    Select,
    Skeleton,
    Col,
    Row,
    Empty,
    Divider,
    Calendar,
    Upload,
    Progress,
    DatePicker,
    TimePicker,
    Tag,
    Collapse,
    Breadcrumb,
    Table,
    Steps,
    Image,
    Transfer,
    Slider,
    Card,
    Result,
    PageHeader,
    Descriptions,
    Timeline,
    Pagination,
    Cascader,
    Rate,
    Alert
];
// 属性
const properties = {
    message,
    confirm: Modal.confirm,
    notification: notification
};
export const registerAntComponents = (app) => {
    components.forEach((item) => {
        app.use(item);
    });
    Object.keys(properties).forEach((key) => {
        app.config.globalProperties[`$${key}`] = properties[key];
    });
};
